<div class="ibox float-e-margins">
    <!--<div class="ibox-title">
        <h5>自定义响应式表格</h5>
        <div class="ibox-tools">
            <a class="collapse-link">
                <i class="fa fa-chevron-up"></i>
            </a>
            <a class="dropdown-toggle" data-toggle="dropdown" href="table_basic.html#">
                <i class="fa fa-wrench"></i>
            </a>
            <ul class="dropdown-menu dropdown-user">
                <li><a href="table_basic.html#">选项1</a>
                </li>
                <li><a href="table_basic.html#">选项2</a>
                </li>
            </ul>
            <a class="close-link">
                <i class="fa fa-times"></i>
            </a>
        </div>
    </div>-->
    <div class="ibox-content">
        <div class="row">
            <!--<div class="col-sm-3 m-b-xs">
                <select class="input form-control inline" v-model="personState" @change="onSearch">
                    <option value="0">全部战区</option>
                    <option value="继承">继承</option>
                    <option value="离职">离职</option>
                    <option value="逝世">逝世</option>
                    <option value="退休">退休</option>
                    <option value="在职">在职</option>
                </select>
            </div>
            <div class="col-sm-3 m-b-xs">
                <select class="input form-control inline" v-model="personState" @change="onSearch">
                    <option value="0">全部战区</option>
                    <option value="继承">继承</option>
                    <option value="离职">离职</option>
                    <option value="逝世">逝世</option>
                    <option value="退休">退休</option>
                    <option value="在职">在职</option>
                </select>
            </div>-->
            <div class="col-sm-3 m-b-xs">
                <select class="input form-control inline" v-model="brandType">
                    <option value="0">全部</option>
                    <option value="1">穗宝</option>
                    <option value="2">BR</option>
                    <option value="3">SA</option>
                </select>
            </div>
            <!--<div class="col-sm-3">
                <div class="input-group">
                    <input type="text" placeholder="请输入经销编码搜索" v-model="keyword" @keyup.enter="onSearch" class="input form-control">
                    <span class="input-group-btn">
                        <button type="button" class="btn pink-bg color-white" @click="onSearch"> 搜索</button>
                    </span>
                </div>
            </div>-->
            <div class="col-sm-9 m-b-xs">
            </div>
        </div>
        <div style="height: 15px;"></div>
        <div class="table-responsive">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>&nbsp</th>
                    <th v-if="brandType == 0" rowspan="2">合计</th>
                    <th v-if="brandType == 0 || brandType == 1" colspan="4">穗宝</th>
                    <th v-if="brandType == 0 || brandType == 1" rowspan="2">穗宝小计</th>
                    <th v-if="brandType == 0 || brandType == 2" colspan="4">BR</th>
                    <th v-if="brandType == 0 || brandType == 2" rowspan="2">BR小计</th>
                    <th v-if="brandType == 0 || brandType == 3" colspan="4">SA</th>
                    <th v-if="brandType == 0 || brandType == 3" rowspan="2">SA小计</th>
                </tr>
                <tr>
                    <th>战区名称</th>
                    <th v-if="brandType == 0 || brandType == 1">床垫</th>
                    <th v-if="brandType == 0 || brandType == 1">床具</th>
                    <th v-if="brandType == 0 || brandType == 1">床品</th>
                    <th v-if="brandType == 0 || brandType == 1">其他</th>
                    <th v-if="brandType == 0 || brandType == 2">床垫</th>
                    <th v-if="brandType == 0 || brandType == 2">床具</th>
                    <th v-if="brandType == 0 || brandType == 2">床品</th>
                    <th v-if="brandType == 0 || brandType == 2">其他</th>
                    <th v-if="brandType == 0 || brandType == 3">床垫</th>
                    <th v-if="brandType == 0 || brandType == 3">床具</th>
                    <th v-if="brandType == 0 || brandType == 3">床品</th>
                    <th v-if="brandType == 0 || brandType == 3">其他</th>
                </tr>
                </thead>
                <tbody>
                <!--<tr>
                    <th>订单总金额</th>
                    <td>￥</td>
                    <td v-if="brandType == 0 || brandType == 1" class="pink-bg color-white">￥</td>
                    <td v-if="brandType == 0 || brandType == 1" class="pink-bg color-white">￥</td>
                    <td v-if="brandType == 0 || brandType == 1" class="pink-bg color-white">￥</td>
                    <td v-if="brandType == 0 || brandType == 1" class="pink-bg color-white">￥</td>
                    <td v-if="brandType == 0 || brandType == 1">￥</td>
                    <td v-if="brandType == 0 || brandType == 2" class="blue-bg color-white">￥</td>
                    <td v-if="brandType == 0 || brandType == 2" class="blue-bg color-white">￥</td>
                    <td v-if="brandType == 0 || brandType == 2" class="blue-bg color-white">￥</td>
                    <td v-if="brandType == 0 || brandType == 2" class="blue-bg color-white">￥</td>
                    <td v-if="brandType == 0 || brandType == 2">￥</td>
                    <td v-if="brandType == 0 || brandType == 3" class="lblue-bg color-white">￥</td>
                    <td v-if="brandType == 0 || brandType == 3" class="lblue-bg color-white">￥</td>
                    <td v-if="brandType == 0 || brandType == 3" class="lblue-bg color-white">￥</td>
                    <td v-if="brandType == 0 || brandType == 3" class="lblue-bg color-white">￥</td>
                    <td v-if="brandType == 0 || brandType == 3">￥</td>
                </tr>-->
                <tr v-for="(info, index) in sumList" v-if="info.total > 0" :class="index | _getRowsColor">
                    <th>{{info.title}}</th>
                    <td v-if="brandType == 0">￥{{info.total | _formatMoney}}</td>
                    <td v-if="brandType == 0 || brandType == 1">￥{{info.sp_cd | _formatMoney}}</td>
                    <td v-if="brandType == 0 || brandType == 1">￥{{info.sp_cj | _formatMoney}}</td>
                    <td v-if="brandType == 0 || brandType == 1">￥{{info.sp_cp | _formatMoney}}</td>
                    <td v-if="brandType == 0 || brandType == 1">￥{{info.sp_qt | _formatMoney}}</td>
                    <td v-if="brandType == 0 || brandType == 1">￥{{(info.sp_cd + info.sp_cj + info.sp_cp + info.sp_qt) | _formatMoney}}</td>
                    <td v-if="brandType == 0 || brandType == 2">￥{{info.br_cd | _formatMoney}}</td>
                    <td v-if="brandType == 0 || brandType == 2">￥{{info.br_cj | _formatMoney}}</td>
                    <td v-if="brandType == 0 || brandType == 2">￥{{info.br_cp | _formatMoney}}</td>
                    <td v-if="brandType == 0 || brandType == 2">￥{{info.br_qt | _formatMoney}}</td>
                    <td v-if="brandType == 0 || brandType == 2">￥{{(info.br_cd + info.br_cj + info.br_cp + info.br_qt) | _formatMoney}}</td>
                    <td v-if="brandType == 0 || brandType == 3">￥{{info.sa_cd | _formatMoney}}</td>
                    <td v-if="brandType == 0 || brandType == 3">￥{{info.sa_cj | _formatMoney}}</td>
                    <td v-if="brandType == 0 || brandType == 3">￥{{info.sa_cp | _formatMoney}}</td>
                    <td v-if="brandType == 0 || brandType == 3">￥{{info.sa_qt | _formatMoney}}</td>
                    <td v-if="brandType == 0 || brandType == 3">￥{{(info.sa_cd + info.sa_cj + info.sa_cp + info.sa_qt) | _formatMoney}}</td>
                </tr>
                </tbody>
                <tfoot v-if="totle > size">
                <tr>
                    <td colspan="9">
                        <ul class="pagination pull-right">
                            <!--<li class="footable-page-arrow disabled"><a data-page="first" href="#first">«</a></li>
                            <li class="footable-page-arrow disabled"><a data-page="prev" href="#prev">‹</a></li>-->
                            <li v-for="info in pages" class="footable-page" :class="info | _currPage"><a href="javascript:void(0);" @click="onSetPage(info)">{{info}}</a></li>
                            <!--<li class="footable-page-arrow"><a data-page="next" href="#next">›</a></li>
                            <li class="footable-page-arrow"><a data-page="last" href="#last">»</a></li>-->
                        </ul>
                    </td>
                </tr>
                </tfoot>
            </table>
        </div>

    </div>
</div>